#wrap{
	background-image: url(../images/pagesix/Cbg.jpg);
}
#startop,#starmove,#text{
	
	width: 100%;
	height: 100%;
}
#startop img,#starmove img,#text img,#per img{
	position: absolute;
	animation-fill-mode: forwards;
	
	
}



#star1{
left: 10%;
top:10%;
width: 32%;
animation:  stara 5s;

}
#star2{

left: 55%;
top:9%;
width: 40%;
animation:  stara 5s;
}
#star3{
left: 30%;
width: 34%;
top:8%;
animation:  starb 5s;
}
#star4{

animation:  starb 5s;
left: -4%;
width: 10%;
top:10%;

}
#star5{
animation:  stara 5s;
left: 96%;
width: 10%;
top:10%;
width: 20%;

}

#star7{
left: 16%;
width: 8%;
top: 41%;
animation:  stara 5s;
}
#star8{
left: 99%;
width: 5%;
top: 76%;
animation:  starc 5s;
}
#text1{
	width: 54%;
	left: 23%;
	top: 16%;
	opacity: 0;
	animation:  stard 8s;
}
#text2{
	width: 59%;
	left: 19%;
	top: 28%;
	opacity: 0;
	animation:  stard 15s;
}
#per1{
	left: 25%;
	top: 42%;
	width: 23%;
	
	
}
#per2{
	left: 54%;
	top: 39%;
	width: 20%;
	
	
}
#per3{
	left: 18%;
	top: 61%;
	width: 31%;

	
}
#per4{
	left: 53%;
	top: 56%;
	width: 25%;

	
}
#per5{
	left: 27%;
	top: 79%;
	width: 20%;
	
	
}
#per6{
	left: 54%;
	top: 74%;
	width: 21%;
	
	
}

/*星星动画*/
		
@keyframes stara{
	from{
		transform: translate(-500px,500px) scale(5);
	}
	to{
		transform:translate(0,0) scale(1);
	}
}
@keyframes starb{
	from{
		transform: translate(1000px,500px) scale(5);
	}
	to{
		transform:translate(0,0) scale(1);
	}
}
@keyframes starc{
	from{
		transform: translate(-500px,500px) scale(5);
	}
	to{
		transform:translate(0,0) scale(1);
	}
}
@keyframes stard{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}





